
.mySwiper2 {
  height: 80%;
  width: 100%;
}
.mySwiper {
  padding: 10px 0;
}
.mySwiper .swiper-slide {

  opacity: 0.4;
}

.mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}


/*======================以上为复制swiper所给样式==============================*/

header{
  position: relative;
  background-image: url("");
  height: 0;
}

.msp1-1 .swiper-wrapper .swiper-slide img{
  border-radius: 20px;
}
.msp1-1{
  width: 1200px;
  position: relative;
  bottom: 100px;
}
.msp1-1{
  overflow:unset;
}
.msp1-1 .swiper-wrapper .swiper-slide:hover{
  transform: scale(1.2,1.2);
  
}
.msp1-1 .swiper-wrapper .swiper-slide{
  transition-property:all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
}
main,footer{
  width: 1200px;
  margin: 0 auto;
}
/* section2 索引*/
.section2{
  margin-bottom: 50px;
}
.section2 ul{
  display: flex;
  
}
.section2 ul li{
  width: 300px;
  height: 120px;
  box-sizing: border-box;
  padding-top: 17px;
  padding-left: 20px;
  border-radius: 10px;
  margin-right: 13px;
}
.section2 ul li div{
  height: 100%;
  
  background-size:100px;
  background-repeat: no-repeat;
  background-position: right 0px bottom 10px;
}
.section2 ul li span{
  color: grey;
  margin-right: 30px;
  font-size: 14px;
}
/* section3 喜欢*/

.logo{
  width: 30px;
}
.section3top h2{
  float: left;
}
.section3top span{
  float: right;
  margin-right: 30px;
}
.likecontent{
  display: flex;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.likebox{
  margin-right: 20px;
}
.likebox p{
  width: 200px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.likebox img{
  width: 200px;
  height: 110px;
  border-radius: 20px;
}
.likebox span{
  color: gray;
  font-size: 12px;
}
/*section4 按更新时间查找*/

.section4top{
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 40px;
}
.section4top ul li:hover,.section4top button{
  cursor: pointer;
}
.section4 ul{
  display: flex;
  justify-content: space-between;
  width: 500px;
  margin-left: 20px;
  font-size: 13px;
}
.section4top span{
  margin-left: 20px;
  font-size: 13px;
}

.section4top button{
  position: absolute;
  right: 0px;
  background-color: transparent;
  font-size: 13px;
  width: 90px;
  height: 30px;
  border: #E6E8EA 1px solid;
}
.section4content{
  font-size: 0;
  padding-top: 10px;
  max-height: 955px;
  overflow: hidden;
}
.section4content::-webkit-scrollbar{
  display: none;
}
.timebox{
  font-size: 16px;
  display: inline-block;
  width: 200px;
  height: 300px;
  border-top: 2px solid #CDEFD7;
  position: relative;
  background:linear-gradient(to bottom,#EBF8EF,white);
  margin-bottom: 18px;
}
.timebox p{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  text-overflow: ellipsis;
}
.timebox img{
  margin-top: 25px;
  border-radius: 20px;
  width: 180px;
  height: 230px;
}
.timebox h5{
  position: absolute;
  top: -20px;
  background-color: #CDEFD7;
  color:#00AD63;
  width: 80px;
  height: 20px;
  border-radius: 20px;
  text-align: center;
}
.timebox span{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  text-overflow: ellipsis;
  font-size: 12px;
  color: gray;
  width: 180px;
}
.timebox{
  font-weight: 300;
}
.section4{
  margin-top: 50px;
}
/*section5 热播榜*/
.section5top button{
  float: right;
  background-color: transparent;
  font-size: 13px;
  width: 90px;
  height: 30px;
  border: #E6E8EA 1px solid;
  margin-top: -45px;
  
}
.section5 .section5content{
  display: flex;
}
.section5 .hotanimebox{
  width: 180px;
  flex-wrap: wrap;
  background:linear-gradient(to top,#FEEEE6,white);
  border-radius: 10px;
  position: relative;
  margin-right: 20px;
  
}
.section5 .hotanimebox img{
  width: 180px;
  height: 230px;
  border-radius: 10px;
}
.ranking{
  float: left;
  width: 50px;
  height: 70px;
  font-size: 50px;
  font-style: italic;
  font-weight: 600;
}
.section5 .hotanimebox p{
  height: 28px;
  width:120px ;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  text-overflow: ellipsis;
  margin-top: 15px;
}
.section5 .hotanimebox span{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  text-overflow: ellipsis;
  width: 120px;
  font-size: 13px;
  color: gray;
  position: relative;
  bottom: 5px;
}
.section5 .hotanimebox .score{
  position: absolute;
  right: 10px;
  bottom: 70px;
  color: white;
  font-size: 25px;
  font-weight: 600;
  font-style: italic;
}
.section5{
  margin-top: 50px;
  margin-bottom: 70px;
}
/*section6预览推荐*/
.msp2{
  position: relative;
  bottom: 40px;
}
.section6 h2{
  margin-bottom: 70px;
}
.section6 .section6content{
  width:1230px;
  background-color: #AA4608;
  border-radius: 10px;
  display: flex;
}
.section6 .section6content video{
  width: 730px;
  height: 400px;
  border-radius: 20px;
}
.section6 .section6content .introbox{
  box-sizing: border-box;
  width: 500px;
  height: 400px;
  color: white;
  position: relative;
  padding-left: 30px;
  padding-top: 70px;
}
.introbox h1{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  text-overflow: ellipsis;
  width: 450px;
}
.introbox .swiper-slide img {
  width: 150px;
  height: 80px;
  border-radius: 20px;
}

.introbox .score{
  font-size: 25px;
  font-weight: 600;
  font-style: italic;
  display: inline-block;
  position: absolute;
}
.introbox span{
  margin-left: 45px;
}
.introbox span:nth-of-type(2){
  font-size: 13px;
  position: relative;
  bottom: 10px;
}
.introbox p{
  width: 400px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  text-overflow: ellipsis;
  font-size: 14px;
  color: gainsboro;
}
.introbox .btn{
  width: 50px;
  height: 50px;
  background-color: rgb(255, 255, 255,0.2);
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  display: inline-block;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
}
.introbox .btn img{
  width: 20px;
  height: 20px;
  position: relative;
  bottom: 8px;
}
/*section7猜你喜欢*/
.section7 h2{
  margin: 50px 0;
}
.section7 .guess,.partcontent{
  display: flex;
  flex-wrap: wrap;
  max-height:830px;
  overflow: hidden;
}
.section7 .guessbox,.part .partbox{
  width: 150px;
  overflow: hidden;
  margin-left: 20px;
  margin-bottom: 10px;
}
.section7 .guessbox img,.part .partbox img{
  width: 150px;
  height: 230px;
  border-radius: 10px;
}
.section7 .guessbox p,.part .partbox p{
  margin-top: 7px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  text-overflow: ellipsis;
}
.section7 .guessbox span,.part .partbox span{
  color: gray;
  font-size: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  text-overflow: ellipsis;
}
/*section重复块 part*/
/*不同块要设置:
.parttop背景颜色渐变
.parttopbox背景颜色渐变
.parttopbox .ranking 排名颜色
*/
.part{
  margin-top: 50px;
  margin-bottom: 50px;
  max-height:960px ;
  overflow: hidden;
}
.part .parttop{
  overflow: hidden;
  display: flex;
  height: 340px;
  position: relative;
  padding-left: 230px;
  background: linear-gradient(to right bottom,#FBE0D7,white);
  margin-bottom: 50px;
}
.part .parttop>p{
  font-size: 23px;
  position: absolute;
  left: 40px;
  bottom: 20px;
  line-height: 23px;
}
.part .parttop p span{

  font-size: 14px;
  color: gray;
}
.part .parttop .parttopbox{
  width: 250px;
  background: linear-gradient(to top,#FBE0D7,white);
  border-radius: 10px;
  position: relative;
  margin-right: 20px;
  height: 260px;
  margin-top: 50px;

}
.part .parttop .parttopbox img{
  width: 225px;
  height: 200px;
  border-radius: 10px;
}
.part .parttop .parttopbox p{
  font-size: 15px;
  margin-top: 13px;
}
.part .parttop .parttopbox span{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  text-overflow: ellipsis;
  font-size: 12px;
  color: gray;
  height: 20px;
}
.part .parttop .parttopbox .ranking{
  color: #F9B49E;
}
.part .parttop .parttopbox .score{
  color: white;
  font-weight: 600;
  font-size: 23px;
  position: absolute;
  right: 10px;
  bottom: 60px;
  font-style: italic;
}

